::-webkit-scrollbar {
    width: 6px; /* 竖向滚动条宽度 */
    height: 6px; /* 横向滚动条高度 */
}

::-webkit-scrollbar-thumb {
    /* 滚动条样式 */
    border-radius: 10px;
    /* 内阴影 */
    /* box-shadow: inset 0 0 3px red; */
    /* 滚动条颜色 */
    background-color: blue;
}

::-webkit-scrollbar-thumb:hover {
    background-color: black; /* 滚动条悬浮颜色 */
}

::-webkit-scrollbar-track-piece {
    /* 滚动条背景颜色 */
    @apply bg-gray-100;
}

::-webkit-scrollbar-button {
    /* 定义两端按钮的样式 */
    /* background-color: blue; */
}

::-webkit-scrollbar-corner {
    /* 右下角重合处的样式*/
    /* background: red; */
}

/* 单独设置悬浮颜色 */
::-webkit-scrollbar-thumb:vertical {
    /* 竖向滑块颜色 */
    @apply bg-gray-500;
}
::-webkit-scrollbar-thumb:horizontal {
    /* 横向滑块颜色 */
    @apply bg-gray-500;
}

/* 单独设置滚动条背景色 */
::-webkit-scrollbar-track-piece:vertical {
    @apply bg-gray-100;
}
::-webkit-scrollbar-track-piece:horizontal {
    @apply bg-gray-100;
}
